.custom-rag-select .ant-select-selector {
  background-color: #1e293b !important;
  border-color: #374151 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s !important;
}

.custom-rag-select:hover .ant-select-selector {
  border-color: #4b5563 !important;
}

.custom-rag-select.ant-select-focused .ant-select-selector {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important;
}

.rag-file-selector-modal .ant-modal-content {
  background-color: #1f2937;
  border: 1px solid #374151;
}

.rag-file-selector-modal .ant-modal-header {
  background-color: #1f2937;
  border-bottom: 1px solid #374151;
}

.rag-file-selector-modal .ant-modal-title {
  color: #e5e7eb;
}

.rag-file-selector-modal .ant-modal-close {
  color: #9ca3af;
}

.rag-file-selector-modal .ant-modal-close:hover {
  color: #e5e7eb;
}

.text-xxs {
  font-size: 0.625rem; /* 10px */
  line-height: 0.75rem; /* 12px */
}

/* Styles for search filtering in Select components */
.custom-select .ant-select-selection-search-input {
  background-color: transparent !important;
  color: #e5e7eb !important;
}

.custom-select .ant-select-selection-placeholder {
  color: #9ca3af !important;
}

/* Styles for multiple select tags */
.custom-select .ant-select-selection-item {
  background-color: #2563eb !important;
  border: none !important;
  color: white !important;
  border-radius: 4px !important;
}

.custom-select .ant-select-selection-item-remove {
  color: rgba(255, 255, 255, 0.8) !important;
}

.custom-select .ant-select-selection-item-remove:hover {
  color: white !important;
}